<template>
  <div>
<!--    封装的面包面包屑-->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>{{pathName.itemPath}}</el-breadcrumb-item>
      <el-breadcrumb-item>{{pathName.chitemPah}}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
export default {
  name: "Breadcrumb",
  data(){
    return{
      pathName:{}
    }
  },
  created() {
       this.pathName=JSON.parse(window.sessionStorage.getItem("pathName"))

  },
  methods:{

  },

}
</script>

<style scoped>
/deep/ .el-breadcrumb__inner,/deep/ .el-breadcrumb__inner.is-link{
  color:  rgba(98, 231, 236, 0.8);
}

/deep/.el-breadcrumb__item:last-child .el-breadcrumb__inner{
  color:  rgba(98, 231, 236, 0.8);
}
/deep/.el-breadcrumb__item:last-child  .el-breadcrumb__inner:hover{
  color: rgba(34, 147, 151, 0.8);
}
</style>
